@media only screen and (max-width: 1400px) {
    #right-three-line {
        position: absolute;
        background-color: aqua;
        width: 100px;
        /* height: 100%; */
    }
    #center-footer-links {
        flex-direction: column;
        gap: 10px;
    }

    .player {
        height: clamp(100px, 15vh, 200px);
    }

    .cards p {
        width: 100%;
    }

    #center-footer-links> :nth-child(2) img {
        width: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .left {
        font-size: 8px;
        gap: 20px;
    }
    .songDetails {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        height: fit-content;

    }
}